<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房屋审核</title>
    <style>
        body{
            margin: 0;
            background-color: #eee;
        }
        header{
            background-color: white;
            padding: 10px ;
        }

        .chunk{
            width: 80%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: white;
            margin: 20px auto;
            padding: 10px 15px;
            border-radius: 5px;
        }
        .chunk1{
            width: 80%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: white;
            margin: 0 auto;
            padding: 1px 15px;
            border-radius: 5px;
        }
        .head-portrait{
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        .chunk-left{
            display: flex;
        }
        .name-time{
            /* display: inline-block; */
            margin-left: 5px;
        }
        .name-time div{
            margin: 3px 0;
        }

        .chunk-room-left {
            width: 35%;
        }

        .chunk-room-right {
            width: 70%;
            display: flex;
            justify-content: space-between;
            color: rgb(174, 175, 175);
        }
        .confirmBtn {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: #1E90FF;
            text-align: center;
            margin: 30px auto;
            color: white;
            border-radius: 10px;
        }
        .bottom{
            z-index:100;
            width:100%;
            left:0%;
            position:fixed;
            bottom:0px;
            display: flex;

            background-color: rgb(255, 255, 255);
        }
        .bottom-money{
            width:60%;
            text-align: center;
            height:48px;
            line-height: 48px
        }
        .bottom-confirm{
            width:50%;
            text-align:center;
            height:48px;
            line-height: 48px;
            color:#fff;
            background-color: rgb(0, 140, 255);
        }
        .bottom-confirm_fail{
            width:50%;
            text-align:center;
            height:48px;
            line-height: 48px;
            color:#fff;
            background-color: rgb(255, 90, 81);
        }
        .addressMessage{
            width:90%;
            margin:0 auto;
            background-color: white;
            display: flex;
            align-items: center;
            border-top: solid 1px rgb(238, 235, 235);
            border-bottom: solid 1px rgb(238, 235, 235);
            margin-bottom: 40rpx;
        }
        .addressMessage image{

            margin: 10px;
        }
    </style>
</head>
<body>
<form  id="form1">
    <main>
        <div class="addressMessage">
            <image src="static/admin2/images/room.png" style="width: 40px;height: 40px;margin:30px" />
            <div>
                {$roominfo.address}<br/>
            </div>
        </div>
        <div class="chunk1">
            <div class="chunk-left">
                <div class="name-time">
                    <div style="font-size:13px"> 修改前</div>
                </div>
            </div>
            <div style="font-size:14px">
                姓名:{$roominfo.owner_name},手机: <span style="">{$roominfo.owner_phone}</span>
            </div>
        </div>

        <div class="chunk1">
            <div class="chunk-left">
                <div class="name-time">
                    <div style="font-size:13px"> 修改后</div>
                </div>
            </div>
            <div style="font-size:14px">
                姓名:{$info.owner_name},手机: <span style="">{$info.owner_phone}</span>
            </div>
        </div>


        <div style="height:60px"></div>
        <div class="bottom">
            <div class="bottom-confirm" onclick="checksuccess('{$info.id}')">
                审核通过
            </div>
            <div class="bottom-confirm_fail" onclick="checkfail('{$info.id}')">
                审核失败
            </div>
        </div>
    </main>
</form>
</body>
</html>
<script>
    function checksuccess(id){
        var url="{:url('checksuccess')}?id="+id;
        window.location.href=url
    }
    function checkfail(id){
        var url="{:url('checkfail')}?id="+id;
        window.location.href=url

    }
</script>
